<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/vanklcss.css"/>
		<script src="js/jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vankl.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--顶部灰色区域-->	
		<div id="top">
			<!--顶部导航-->
			<div class="head">
				<!--左边导航-->
				<div class="left">
					<span class="hi">您好，欢迎光临凡客产品！</span>
					<a href="" class="login">登录</a>
					<span class="login">|</span>
					<a href="" class="login">注册</a>
					<a href="" class="order">我的订单</a>
					<a href="" class="collect">收藏本站</a>		
				</div>
				<!--左边导航结束-->	
				
				<!--右边导航-->
				<div class="right">
					
					<!--我的凡客-->
					<div class="menu">
						<a href="" class="myvankl">我的凡客&nbsp;&or;</a>
						<div class="combobox">
							<ul class="list">
								<li><a href="">我的订单</a></li>
								<li><a href="">我的收藏</a></li>
							</ul>
						</div>
					</div>
					<!--我的凡客结束-->
					
					<!--帮助中心-->
					<div class="helpcenter">
						<a href="">帮助中心&nbsp;&or;</a>
						<div class="combobox">
							<ul class="list">
								<li><a href="">购物指南</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">售后服务</a></li>
								<li><a href="">投诉建议</a></li>
								<li><a href="">在线客服</a></li>
							</ul>
						</div>
					</div>
					<!--帮助中心结束-->
					
					<!--网站公告-->
					<div class="notice">
						<a href="">网站公告&nbsp;&or;</a>
						<div class="combobox">
							<ul class="list">
								<li><a href="">网站公告</a></li>
								<li><a href="">重要提示</a></li>
							</ul>
						</div>	
					</div>
					<!--网站公告结束-->
					
					<!--手机凡客-->
					<a href="" class="mobilevankl">手机凡客</a>
					<!--手机凡客结束-->
					
					<!--在线客服-->
					<a href="" class="onlineservice">在线客服</a>
					<!--在线客服结束-->
					
					<!--微信和微博图片-->
					<div id="" class="weixin">
						<a href=""></a>
						<img src="images/weixin.png" class="pic"/>
					</div>
					
					<div id="" class="weibo">
						<a href="" ></a>
					</div>
					<!--微信和微博图片结束-->					
				</div>				
				<!--右边导航结束-->
			</div>
			<!--顶部导航结束-->						
		</div>
		<!--顶部灰色区域结束-->
			
		<!--搜索区域-->
		<div id="search">
			<!--左边-->
			<div class="left"></div>
			<!--左边结束-->
			
			<!--右边-->
			<div class="right">
				
				<form action="" method="post">
				<!--搜索栏-->	
					<input type="text" value='搜“卡其裤”，体验与众不同'class="seek" />
					<!--搜索按钮-->
					<input type="submit" class="seekbtn" value=""/>
				</form>
				
				<!--购物车-->
				<a href="" class="cart">购物车(1)</a>
				<div class="news">内裤79条，快付钱</div>
				
				<P class="tags">
					<span>热门搜索：</span>
					<a href="">T恤</a>
					<a href="">雨声潺潺</a>
					<a href="">穆旦</a>
					<a href="">只有上帝</a>
					<a href="">帆布鞋</a>
					<a href="">衬衫</a>
				</P>
			
			</div>
			<!--右边结束-->
		</div>
		<!--搜索区域结束-->

<!--第三楼-->
		<!--全部商品分类-->
		<div id="menu">
			<span class="all">全部商品分类</span>
			<div class="classify">
				
				<!--新品-->
				<div class="xin">
					<a href="" target="_blank" style="font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;">新品
						<sup  style="font-style: italic;color: #AF2165;"size="2">new</sup>
					</a>
					
					<div class="con">
						<div class="left">
							<img src="images/6373835-1j201604191009519361.jpg" /><!--插入图片-->
							<div class="">
								<a href="">凡客短袖  衬衫  吉国武  免烫</a>
								<p>新疆阿克苏长绒棉 先进的DP免烫技术</p>
								<span>￥299</span>
							</div>
						</div>
						<div class="right">
							<img src="images/6374368-1j201604241038103207.jpg"/><!--插入图片-->
							<div class="">
								<a href="">凡客POLO衫 长绒棉</a>
								<p>长绒棉 纤维柔长 强度也更高 打孔衬条</p>
								<span>￥129</span>
							</div>
						</div>
					</div>	
				</div>	
				<!--新品结束-->	
				
				<!--T恤-->
				<div class="xin">
					<a href="" target="_blank" style="font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;">T恤
						<sup  style="font-style: italic;color: #AF2165;"size="2">new</sup>
					</a>
					
					<div class="con">
						<div class="left">
							<img src="images/T1.jpg" /><!--插入图片-->
							<div class="">
								<a href="">男装</a>
								<p>春夏新品全新上线</p>
								<span>￥123</span>
							</div>
						</div>
						<div class="right">
							<img src="images/T2.jpg"/><!--插入图片-->
							<div class="">
								<a href="">女款</a>
								<p>春夏新品全新上线</p>
								<span>￥129</span>
							</div>
						</div>
					</div>	
				</div>	
				
				<!--衬衫-->
				<div class="xin">
					<a href="" target="_blank" style="font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;">衬衫</a>
					
					<div class="con">
						<div class="left">
							<img src="images/C1.jpg" /><!--插入图片-->
							<div class="">
								<a href="">免烫衬衫</a>
								<p>使用成衣免烫技术 多次水洗依然平整如新</p>
								<span>￥299</span>
							</div>
						</div>
						<div class="right">
							<img src="images/C2.jpg"/><!--插入图片-->
							<div class="">
								<a href="">休闲衬衫</a>
								<p> 牛津纺 青年布 法兰绒</p>
								<span>￥656</span>
							</div>
						</div>
					</div>	
				</div>	
				
				<!--麻-->
				<div class="xin">
					<a href="" target="_blank" style="font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;">麻</a>
					
					<div class="con">
						<div class="left">
							<img src="images/M1.jpg" /><!--插入图片-->
							<div class="">
								<a href="">凡客棉麻衬衫 吉国武</a>
								<p>质朴 透气 麻 吉国武版</p>
								<span>￥666</span>
							</div>
						</div>
						<div class="right">
							<img src="images/M2.jpg"/><!--插入图片-->
							<div class="">
								<a href="">凡客棉麻休闲裤</a>
								<p>质朴 透气 麻 棉麻休闲裤</p>
								<span>￥129</span>
							</div>
						</div>
					</div>	
				</div>	
				
				<!--裤装-->
				<div class="xin">
					<a href="" target="_blank" style="font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;">裤装</a>
					
					<div class="con">
						<div class="left">
							<img src="images/K1.jpg" /><!--插入图片-->
							<div class="">
								<a href="">牛仔裤 松紧腰 女款</a>
								<p>修身设计，松紧腰穿着更加舒适百搭</p>
								<span>￥999</span>
							</div>
						</div>
						<div class="right">
							<img src="images/K2.jpg"/><!--插入图片-->
							<div class="">
								<a href="">重洗水短裤</a>
								<p>质朴 透气 纯棉休闲裤</p>
								<span>￥1299</span>
							</div>
						</div>
					</div>	
				</div>	
				
				<!--鞋-->
				<div class="xin">
					<a href="" target="_blank" style="font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;">鞋</a>
					
					<div class="con">
						<div class="left">
							<img src="images/X1.jpg" /><!--插入图片-->
							<div class="">
								<a href="">帆布鞋</a>
								<p> 历时22月，历经16次2000人试穿，颠覆性的楦型改变，舒适度提升，多色上市</p>
								<span>￥372/双</span>
							</div>
						</div>
						<div class="right">
							<img src="images/X2.jpg"/><!--插入图片-->
							<div class="">
								<a href="">帆布鞋</a>
								<p>环保全棉帆布，活性染色久穿不褪色</p>
								<span>￥888/双</span>
							</div>
						</div>
					</div>	
				</div>	
				
				<!--袜品-->
				<div class="xin">
					<a href="" target="_blank" style="font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;">袜品</a>
					
					<div class="con">
						<div class="left">
							<img src="images/WA.jpg" /><!--插入图片-->
							<div class="">
								<a href="">袜品</a>
								<p> 塑性设计 弹力好 捻度高 抗勾丝 抗起球</p>
								<span>￥392</span>
							</div>
						</div>
						<div class="right">
							<img src="images/WA2.jpg"/><!--插入图片-->
							<div class="">
								<a href="">船袜</a>
								<p> 触感透气柔软 穿着不易脱落</p>
								<span>￥989</span>
							</div>
						</div>
					</div>	
				</div>	
				
				<!--Nautilus-->
				<div class="xin">
					<a href="" target="_blank" style="font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;">Nautilus</a>
					
					<div class="con">
						<div class="left">
							<img src="images/N1.jpg" /><!--插入图片-->
							<div class="">
								<a href="">长袖卫衣</a>
								<p>Vancl by Emmanuel 男款 长袖卫衣 多款可选</p>
								<span>￥425</span>
							</div>
						</div>
						<div class="right">
							<img src="images/N2.jpg"/><!--插入图片-->
							<div class="">
								<a href=""> nautilus 针织衫</a>
								<p> Nautilus 针织衫 透气柔软 百搭 经典时尚</p>
								<span>￥848</span>
							</div>
						</div>
					</div>	
				</div>	
				
				
				
			</div>	
		</div>
<!--第三楼结束-->		

<!--第四楼开始-->
<div id="third">
<!--左边框开始-->
	<div class="left">
		<div class="nanzhuang">
			<a href="" class="title">男装</a>
			<a href="" class="biaoti">T恤</a>

			<p class="tags">
				<a href="">印花</a>
				<a href="">水柔棉</a>
				<a href="">跑步</a>
				<a href="">POLO</a>
				<a href="">穆旦</a>
				<a href="">只有上帝</a>
				<a href="">雨声潺潺</a>
			</p>
		</div>
		
		<!--衬衫-->
		<div class="chenshan">
			<a href="" class="biaoti">衬衫</a>
			<p class="tags">
				<a href="">免烫</a>
				<a href="">府绸衬衫</a>
				<a href="">牛津纺</a>
				<a href="">麻衬衫</a>
			</p>
		</div>
		
		<!--上装-->
		<div class="chenshan">
			<a href="" class="biaoti">上装</a>
			<p class="tags">
				<a href="">麻西服</a>
				<a href="">针织衫</a>
				<a href="">皮肤衣</a>
			</p>
		</div>
		
		<!--裤装-->
		<div class="chenshan">
			<a href="" class="biaoti">裤装</a>
			<p class="tags">
				<a href="">牛仔裤</a>
				<a href="">休闲裤</a>
				<a href="">短裤</a>
				<a href="">棉麻裤</a>
			</p>
		</div>
		
		
		<!--女装-->
		<div class="nvzhuang">
			<a href="" class="title">女装</a>
			<p class="tags">
				<a href="">T恤</a>
				<a href="">空调衫</a>
				<a href="">皮肤衣</a>
				<a href="">衬衫裙</a>
				<a href="">牛仔裤</a>
				<a href="">打底背心</a>
			</p>
		</div>
		<!--女装结束-->
		<!--帆布鞋-->
		<div class="fanbuxie">
			<a href="" class="title">帆布鞋</a>
			<p class="tags">
				<a href="">男款</a>
				<a href="">女款</a>
				<a href="">高帮</a>
				<a href="">低帮</a>
			</p>
		</div>
		<!--女装结束-->
		<!--其他-->
		<div class="qita">
			<a href="" class="title">其他</a>
			<p class="tags">
				<a href="">家居</a>
				<a href="">袜品</a>
				<a href="">配饰</a>
				<a href="">童装</a>
			</p>
		</div>
		<!--其他结束-->
</div>
			
<!--左边框结束-->
		
<!--中部轮播图开始-->
		<div class="play">

			<a href=""target="_blank"><img src="images/1.jpg" alt="" style="display: block;"/></a>
			<a href=""target="_blank"><img src="images/2.jpg" alt="" /></a>
			<a href=""target="_blank"><img src="images/3.jpg" alt="" /></a>
			<a href=""target="_blank"><img src="images/4.jpg" alt="" /></a>
			<a href=""target="_blank"><img src="images/5.jpg" alt="" /></a>
			<a href=""target="_blank"><img src="images/6.jpg" alt="" /></a>

			<ul>
				<li style="background: #A10000;"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		
		
<!--中部轮播图结束-->
		
<!--右边框开始-->
	<div class="right">
		<div class=""style="border-bottom: 1px solid #C9C9C9;">
			<a href=""target="_blank"><img src="images/Y1.jpg"/></a>
		</div>
		
		<div class="">
			<a href=""target="_blank"><img src="images/Y2.jpg"/></a>
		</div>
		
	</div>	
<!--右边框结束-->
	</div>	
<!--第四楼结束-->
		
<!--第五楼-->
	<div id="fourth">
		<span></span>
		<h2>当季推荐</h2>
		<div class="all">
			<ul>
				<li><a href="i"><img src="images/D1.jpg"/></a></li>
				<li><a href=""><img src="images/D2.jpg"/></a></li>
				<li><a href=""><img src="images/D3.jpg"/></a></li>
				<li><a href="i"><img src="images/D4.jpg"/></a></li>
				<li><a href=""><img src="images/D5.jpg"/></a></li>
				<li><a href=""><img src="images/D6.jpg"/></a></li>
				<li><a href="i"><img src="images/D7.jpg"/></a></li>
				<li><a href="i"><img src="images/D8.jpg"/></a></li>
				<li><a href=""><img src="images/D9.jpg"/></a></li>
				<li><a href=""><img src="images/D10.jpg"/></a></li>
			</ul>
		</div>
		
		<h2>上装</h2>
		<div class="all">
			<ul>
				<li style="width: 472px;"><a href="i"><img src="images/S1.jpg"/></a></li>
				<li style="width: 472px;"><a href=""><img src="images/S2.jpg"/></a></li>
				<li><a href=""><img src="images/S3.jpg"/></a></li>
				<li><a href="i"><img src="images/S4.jpg"/></a></li>
				<li><a href=""><img src="images/S5.jpg"/></a></li>
				<li><a href=""><img src="images/S6.jpg"/></a></li>
				<li><a href="i"><img src="images/S7.jpg"/></a></li>
				<li><a href="i"><img src="images/S8.jpg"/></a></li>
			</ul>
		</div>
		
		<h2>下装</h2>
		<div class="all">
			<ul>
				<li style="width: 472px;"><a href="i"><img src="images/X11.jpg"/></a></li>
				<li style="width: 472px;"><a href=""><img src="images/X12.jpg"/></a></li>
				<li><a href=""><img src="images/X3.jpg"/></a></li>
				<li><a href="i"><img src="images/X4.jpg"/></a></li>
				<li><a href=""><img src="images/X5.jpg"/></a></li>
				<li><a href=""><img src="images/X6.jpg"/></a></li>
				<li><a href="i"><img src="images/X7.jpg"/></a></li>
				<li><a href="i"><img src="images/X8.jpg"/></a></li>
			</ul>
		</div>
		
		<h2>更多精品</h2>
		<div class="all">
			<ul>
				<li style="width: 472px;"><a href="i"><img src="images/G1.jpg"/></a></li>
				<li style="width: 472px;"><a href=""><img src="images/G2.jpg"/></a></li>
				<li><a href=""><img src="images/G3.jpg"/></a></li>
				<li><a href="i"><img src="images/G4.jpg"/></a></li>
				<li><a href=""><img src="images/G5.jpg"/></a></li>
				<li><a href=""><img src="images/G6.jpg"/></a></li>
				<li><a href="i"><img src="images/G7.jpg"/></a></li>
				<li><a href="i"><img src="images/G8.jpg"/></a></li>
			</ul>
		</div>	
		<div class="middle"></div>
		<div class="bottom">
			<ul>
				<li>
					<p style="font-size: 13px;font-weight: 400;margin-bottom: 15px;">关于凡客</p>
					<p><a href="">公司简介</a></p>
					<p><a href=""><b>联系我们</b></a></p>
					<p><a href="">有钱链接</a></p>
				</li>
				
				<li>
					<p style="font-size: 13px;font-weight: 400;margin-bottom: 15px;">新手指南</p>
					<p><a href="">账户注册</a></p>
					<p><a href="">购物流程</a></p>
				</li>
				
				<li>
					<p style="font-size: 13px;font-weight: 400;margin-bottom: 15px;">配送范围及时间</p>
					<p><a href="">国内配送</a></p>
					<p><a href="">订单拆分</a></p>
				</li>
				
				<li>
					<p style="font-size: 13px;font-weight: 400;margin-bottom: 15px;">支付方式</p>
					<p><a href="">货到付款</a></p>
					<p><a href="">在线支付</a></p>
					<p><a href="">礼品卡及账户余额</a></p>
					<p><a href="">其他支付方式</a></p>
				</li>
				
				<li>
					<p style="font-size: 13px;font-weight: 400;margin-bottom: 15px;">售后服务</p>
					<p><a href="">退换货政策</a></p>
					<p><a href="">退换货办理流程</a></p>
					<p><a href="">退换货网上办理</a></p>
					<p><a href="">退款说明</a></p>
				</li>
				
				<li style="border-right:none">
					<p style="font-size: 13px;font-weight: 400;margin-bottom: 15px;">帮助中心</p>
					<p><a href="">在线客服</a></p>
					<p><a href="">召回密码</a></p>
					<p><a href="">隐私声明</a></p>
				</li>
				
			</ul>
		</div>
		
		<ul class="last">
			<li class="o"><a href=""></a></li>
			<li class="t"><a href=""></a></li>
			<li class="th"><a href=""></a></li>
			<li class="f"><a href=""></a></li>
		</ul>
		
	</div>
<!--第五楼-->

<!--底部-->
	<div id="footButtonTab">
		<p>Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号</p>
		<p>凡客诚品（北京）科技有限公司</p>
		<div class="footer">
			<a href="" class="intergrity"></a>
			<a href="" class="clothes"></a>
			<a href="" class="web"></a>
			<a href="" class="news"></a>
			<a href="" class="young"></a>
			<a href="" class="car"></a>
		</div>
		<div style="height: 30px;position: absolute;width: 120px;">
			
		</div>
	</div>

<!--底部-->
	</body>
</html>
